/*
 * @Author: 周洋 1430536748@qq.com
 * @Date: 2024-07-25 13:49:34
 * @LastEditors: 周洋 1430536748@qq.com
 * @LastEditTime: 2024-08-07 09:49:16
 * @version: 1.2.3
 * @Description: 
 */
//==================== 主题 ====================
import { Layout01, Layout02 } from '@/components/Layout';
import { $t } from '@/plugins/index'

export enum ThemeNameEnum {
    layout01 = 'layout01',
    layout02 = 'layout02',
}
export const LayoutConstant = [
    {
        label: Layout01,
        value: ThemeNameEnum.layout01,
    },
    {
        label: Layout02,
        value: ThemeNameEnum.layout02,
    },
];

//==================== 壁纸 ====================
import bg3 from '@/assets/image/wallpaper/bg3.jpg';
import bg4 from '@/assets/image/wallpaper/bg4.jpg';
export const wallpaperOptions = computed<Array<IOptions>>(() => {
    return [
        { label: $t(`title.wallpaperItem.empty`), value: '' },
        { label: $t(`title.wallpaperItem.wallpaper1`), value: bg3 },
        { label: $t(`title.wallpaperItem.wallpaper2`), value: bg4 },
    ]
})
export default { bg3 };
//==================== 取色器 ====================
export type IPickerOption = {
    label: string,
    value: number,
    el: any,
}

export enum defaultColorEnum {
    primary = 'primary',
    success = 'success',
    warning = 'warning',
    danger = 'danger',
    info = 'info',
}
//再次 调用，无法获取国际化
export const pickerOption = computed<Array<IPickerOption>>(() => {
    return [
        { label: $t(`title.color.primary`), value: 0, el: defaultColorEnum.primary },
        { label: $t(`title.color.success`), value: 1, el: defaultColorEnum.success },
        { label: $t(`title.color.warning`), value: 2, el: defaultColorEnum.warning },
        { label: $t(`title.color.danger`), value: 3, el: defaultColorEnum.danger },
        { label: $t(`title.color.info`), value: 4, el: defaultColorEnum.info },
    ];
})
//常用颜色
export const predefineColors = [
    '#ff4500',
    '#ff8c00',
    '#ffd700',
    '#90ee90',
    '#00ced1',
    '#1e90ff',
    '#c71585',
    'rgba(255, 69, 0, 0.68)',
    'rgb(255, 120, 0)',
    'hsv(51, 100, 98)',
    'hsva(120, 40, 94, 0.5)',
    'hsl(181, 100%, 37%)',
    'hsla(209, 100%, 56%, 0.73)',
    '#c7158577',
];

/** 循环标签色 */
export const LoopColor = (par: any) => {
    return [
        '--el-color-' + par,
        '--el-text-color-' + par,
    ]
}
export const LoopColorHover = (par: any) => {
    return [
        '--el-color-hover-' + par
    ]
}


//==================== 页面动画 ====================
export type IOptions = {
    label: string,
    value: any,
}
/** 动画枚举 */
export enum AnimateEnum {
    PULSE = 'animate__pulse',
    RUBBER_BAND = 'animate__rubberBand',
    SWING = 'animate__swing',
}
export const animeConstant = computed<Array<IOptions>>(() => {
    return [
        { label: $t(`title.anime.main`), value: 0 },
        { label: $t(`title.anime.child`), value: 1 }
    ]
})
export const animeOptions = computed<Array<IOptions>>(() => {
    return [
        { label: $t(`title.animeOptions.empty`), value: '' },
        { label: $t(`title.animeOptions.pulse`), value: AnimateEnum.PULSE },
        { label: $t(`title.animeOptions.rubberBand`), value: AnimateEnum.RUBBER_BAND },
        { label: $t(`title.animeOptions.swing`), value: AnimateEnum.SWING },
    ]
})


